<!-- 承运合同页面 -->
<template>
	<!-- if还没有签署过协议 -->
	<view>
		<u-card :title="title">
			<view class="" slot="body">
				<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
					<u-button :custom-style="customStyle" shape="square" @click="toRegister">签署G7平台货运运输服务合同</u-button>
				</view>	
				
			</view>
		</u-card>
		<view class="u-body-item u-body-item-bottom u-flex u-border-bottom u-col-between u-p-t-0">
			<u-button :custom-style="customStyleTwo" shape="square" @click="toScanRegister"><u-icon name="scan"></u-icon> 扫码签合同</u-button>
		</view>
	</view>
	<!-- if已经签署过协议 -->
</template>

<script>
	export default {
		data() {
			return {
				title: '您还没有签署承运合同',
				customStyle: {
					color: '#f2f1f6',
					backgroundColor:'#9966ff',
					width:"666rpx",
				},
				customStyleTwo:{
					color: '#f2f1f6',
					backgroundColor:'#9966ff',
					width:"412rpx",
					borderRadius:"52rpx",
					
				}
			};
		},
		methods:{
			//跳转到注册页面
			toRegister(){
				
			},
			//扫码签合同
			toScanRegister(){
				
			}
		}
	};
</script>
<style scoped lang="scss">
	.u-card-wrap { 
		background-color: $u-bg-color;
		padding: 1px;
	}
	
	.u-body-item {
		font-size: 32rpx;
		color: #333;
		padding: 20rpx 10rpx;
		
	}
	
	.u-body-item-bottom{
		position:relative;
		margin-bottom:60rpx;
		text-aligin:center;
	}
		
	.u-body-item image {
		width: 120rpx;
		flex: 0 0 120rpx;
		height: 120rpx;
		border-radius: 8rpx;
		margin-left: 12rpx;
	}
</style>
